//注册表单跳转
$("#showReg").on('click', function () {
  $(".login-form").hide()
  $(".reg-form").show()
})
//登录表单跳转
$("#showLogin").on('click', function () {
  $(".login-form").show()
  $(".reg-form").hide()
})

//密码框的确认
var form = layui.form;
form.verify({


  //我们既支持上述函数式的方式，也支持下述数组的形式
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  pass: [
    /^[\S]{6,12}$/
    , '密码必须6到12位，且不能出现空格'
  ],


  //确认密码
  repass(value) {
    //value 是确认密码框的内容
    //判断密码框和确认密码框的内容是否一致
    if ($("#passBtn").val() !== value) {
      //return 的结果是两个密码框内容不一致时的提示
      return '呵呵'
    }
  }
});



//ajax实现注册功能
//https://www.showdoc.com.cn/escook?page_id=3707158761215217
//http://api-breakingnews-web.itheima.net
let layer = layui.layer;
$(".reg-form").on('submit', function (e) {

  e.preventDefault()
  //post请求带数据，jq有serialize()方法，可以获取到带有name属性的值
  //要记得给表单元素加name属性，属性值要和接口文档统一
  let data = $(this).serialize()
  axios.post('/api/reguser', data).then(({ data: res }) => {
    console.log(res);
    if (res.status !== 0) { return layer.msg(res.message) }
    layer.msg('🐮🍺', {
      icon: 6,
      time: 1500 //2秒关闭（如果不配置，默认是3秒）
    })
    $("#showLogin").click()
  })

})

//登录页面跳转首页
$(".login-form").on('submit', function (e) {
  e.preventDefault()

  let data = $(this).serialize()

  axios.post('/api/login', data).then(({ data: res }) => {

    console.log(res);
    if (res.status !== 0) { return layer.msg(res.message) }
    //token 身份令牌
    localStorage.setItem('token', res.token)

    layer.msg('🐮🍺', {
      icon: 6,
      time: 1500
    },//2秒关闭（如果不配置，默认是3秒）
      function () {
        location.href = "./index.html"
      }
    )
  })

})

